<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta charset="utf-8" />
<title>奥特佳新能源科技有限公司</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
	href="${pageContext.request.contextPath}/statics/assets/css/bootstrap.min.css"
	rel="stylesheet" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/statics/assets/css/font-awesome.min.css" />
<!--[if IE 7]>
		  <link rel="stylesheet" href="assets/css/font-awesome-ie7.min.css" />
		<![endif]-->
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/statics/assets/css/ace.min.css" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/statics/assets/css/ace-rtl.min.css" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/statics/assets/css/ace-skins.min.css" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/statics/css/style.css" />
<!--[if lte IE 8]>
		  <link rel="stylesheet" href="assets/css/ace-ie.min.css" />
		<![endif]-->
<script
	src="${pageContext.request.contextPath}/statics/assets/js/ace-extra.min.js"></script>
<!--[if lt IE 9]>
		<script src="assets/js/html5shiv.js"></script>
		<script src="assets/js/respond.min.js"></script>
		<![endif]-->
<!--[if !IE]> -->
<script
	src="${pageContext.request.contextPath}/statics/js/jquery-1.9.1.min.js"></script>
<!-- <![endif]-->
<!--[if IE]>
         <script type="text/javascript">window.jQuery || document.write("<script src='assets/js/jquery-1.10.2.min.js'>"+"<"+"script>");</script>
        <![endif]-->
<script type="text/javascript">
	if ("ontouchend" in document)
		document.write("<script src='assets/js/jquery.mobile.custom.min.js'>"
				+ "<"+"script>");
</script>
<script
	src="${pageContext.request.contextPath}/statics/assets/js/bootstrap.min.js"></script>
<script
	src="${pageContext.request.contextPath}/statics/assets/js/typeahead-bs2.min.js"></script>
<!--[if lte IE 8]>
		  <script src="assets/js/excanvas.min.js"></script>
		<![endif]-->
<script
	src="${pageContext.request.contextPath}/statics/assets/js/ace-elements.min.js"></script>
<script
	src="${pageContext.request.contextPath}/statics/assets/js/ace.min.js"></script>
<script
	src="${pageContext.request.contextPath}/statics/assets/layer/layer.js"
	type="text/javascript"></script>
<script
	src="${pageContext.request.contextPath}/statics/assets/laydate/laydate.js"
	type="text/javascript"></script>
<script
	src="${pageContext.request.contextPath}/statics/js/jquery.nicescroll.js"
	type="text/javascript"></script>

<style type="text/css">
#advice {
	margin-top: 4.53px;
}

#prettyFriend {
	margin-top: 4.53px;
}

#prettyFriendLi {
	border-right: none;
}
</style>

<script type="text/javascript">
	$(function() {
		$("body").keydown(function() {
			if (event.keyCode == "13") {//keyCode=13是回车键；数字不同代表监听的按键不同
				$(".layui-layer-btn0").click();
			}
		});
		var cid = $('#nav_list> li>.submenu');
		cid.each(function(i) {
			$(this).attr('id', "Sort_link_" + i);

		})
	})
	jQuery(document)
			.ready(
					function() {
						$.each($(".submenu"), function() {
							var $aobjs = $(this).children("li");
							var rowCount = $aobjs.size();
							var divHeigth = $(this).height();
							$aobjs.height(divHeigth / rowCount);
						});
						//初始化宽度、高度

						$("#main-container").height($(window).height() - 76);
						$("#iframe").height($(window).height() - 140);

						$(".sidebar").height($(window).height() - 99);
						var thisHeight = $("#nav_list").height(
								$(window).outerHeight() - 173);
						$(".submenu").height();
						$("#nav_list").children(".submenu").css("height",
								thisHeight);

						//当文档窗口发生改变时 触发  
						$(window).resize(
								function() {
									$("#main-container").height(
											$(window).height() - 76);
									$("#iframe").height(
											$(window).height() - 140);
									$(".sidebar").height(
											$(window).height() - 99);

									var thisHeight = $("#nav_list").height(
											$(window).outerHeight() - 173);
									$(".submenu").height();
									$("#nav_list").children(".submenu").css(
											"height", thisHeight);
								});
						$(document)
								.on(
										'click',
										'.iframeurl',
										function() {
											var cid = $(this).attr("name");
											var cname = $(this).attr("title");
											$("#iframe").attr("src", cid)
													.ready();
											$("#Bcrumbs").attr("href", cid)
													.ready();
											$(".Current_page a").attr('href',
													cid).ready();
											$(".Current_page")
													.attr('name', cid);
											$(".Current_page").html(cname).css(
													{
														"color" : "#333333",
														"cursor" : "default"
													}).ready();
											$("#parentIframe")
													.html(
															'<span class="parentIframe iframeurl"> </span>')
													.css("display", "none")
													.ready();
											$("#parentIfour").html('').css(
													"display", "none").ready();
										});

					});
	/******/
	$(document).on('click', '.link_cz > li', function() {
		$('.link_cz > li').removeClass('active');
		$(this).addClass('active');
	});
	/*******************/
	//jQuery( document).ready(function(){
	//	  $("#submit").click(function(){
	//	// var num=0;
	//     var str="";
	//     $("input[type$='password']").each(function(n){
	//          if($(this).val()=="")
	//          {
	//              // num++;
	//			   layer.alert(str+=""+$(this).attr("name")+"不能为空！\r\n",{
	//                title: '提示框',				
	//				icon:0,				
	//          }); 
	//             // layer.msg(str+=""+$(this).attr("name")+"不能为空！\r\n");
	//             layer.close(index);
	//          }		  
	//     });    
	//})		
	//	});
	/*********************点击事件*********************/
	$(document)
			.ready(
					function() {
						$('#nav_list,.link_cz').find('li.home').on(
								'click',
								function() {
									$('#nav_list,.link_cz').find('li.home')
											.removeClass('active');
									$(this).addClass('active');
								});
						//时间设置
						function currentTime() {
							var d = new Date(), str = '';
							str += d.getFullYear() + '年';
							str += d.getMonth() + 1 + '月';
							str += d.getDate() + '日';
							str += d.getHours() + '时';
							str += d.getMinutes() + '分';
							str += d.getSeconds() + '秒';
							return str;
						}

						setInterval(function() {
							$('#time').html(currentTime)
						}, 1000);
						//修改密码
						$('.change_Password')
								.on(
										'click',
										function() {
											layer
													.open({
														type : 1,
														title : '修改密码',
														area : [ '300px',
																'300px' ],
														shadeClose : true,
														content : $('#change_Pass'),
														btn : [ '确认修改' ],
														yes : function(index,
																layero) {
															if ($("#password")
																	.val() == "") {
																layer
																		.alert(
																				'原密码不能为空!',
																				{
																					title : '提示框',
																					icon : 0,

																				});
																return false;
															}
															if ($("#Nes_pas")
																	.val() == "") {
																layer
																		.alert(
																				'新密码不能为空!',
																				{
																					title : '提示框',
																					icon : 0,

																				});
																return false;
															}

															if ($("#c_mew_pas")
																	.val() == "") {
																layer
																		.alert(
																				'确认新密码不能为空!',
																				{
																					title : '提示框',
																					icon : 0,

																				});
																return false;
															}
															if (!$("#c_mew_pas").val
																	|| $(
																			"#c_mew_pas")
																			.val() != $(
																			"#Nes_pas")
																			.val()) {
																layer
																		.alert(
																				'密码不一致!',
																				{
																					title : '提示框',
																					icon : 0,

																				});
																return false;
															} else {
																layer
																		.alert(
																				'修改成功！',
																				{
																					title : '提示框',
																					icon : 1,
																				});
																layer
																		.close(index);
															}
														}
													});
										});

						$('#Exit_system')
								.on(
										'click',
										function() {
											layer
													.confirm(
															'是否确定退出系统？',
															{
																btn : [ '是',
																		'否' ],//按钮
																icon : 1,
															},
															function() {
																location.href = "${pageContext.request.contextPath}/page/loginout";
															});
										});
					});

	function link_operating(name, title) {
		var cid = $(this).name;
		var cname = $(this).title;
		$("#iframe").attr("src", cid).ready();
		$("#Bcrumbs").attr("href", cid).ready();
		$(".Current_page a").attr('href', cid).ready();
		$(".Current_page").attr('name', cid);
		$(".Current_page").html(cname).css({
			"color" : "#333333",
			"cursor" : "default"
		}).ready();
		$("#parentIframe")
				.html('<span class="parentIframe iframeurl"> </span>').css(
						"display", "none").ready();
		$("#parentIfour").html('').css("display", "none").ready();

	}
</script>
</head>
<body>
	<div class="navbar navbar-default" id="navbar">
		<script type="text/javascript">
			try {
				ace.settings.check('navbar', 'fixed')
			} catch (e) {
			}
		</script>
		<div class="navbar-container" id="navbar-container">
			<div class="navbar-header pull-left">
				<a href="#" class="navbar-brand"> <small> <img
						src="${pageContext.request.contextPath}/statics/images/logo.png"
						width="470px">
				</small>
				</a>
				<!-- /.brand -->
			</div>
			<!-- /.navbar-header -->
			<div class="navbar-header operating pull-left"></div>
			<div class="navbar-header pull-right" role="navigation">
				<ul class="nav ace-nav">
					<li class="light-blue"><a data-toggle="dropdown" href="#"
						class="dropdown-toggle"> <span class="time"><em
								id="time"></em></span><span class="user-info"><small>欢迎光临,</small><strong>&nbsp;${ admin.name}</strong></span>
							<i class="icon-caret-down"></i>
					</a>
						<ul
							class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
							<li><a href="javascript:void(0" name="Systems.html"
								title="系统设置" class="iframeurl"><i class="icon-cog"></i>网站设置</a></li>
							<li><a href="javascript:void(0)" name="admin_info.html"
								title="个人信息" class="iframeurl"><i class="icon-user"></i>个人资料</a></li>
							<li class="divider"></li>
							<li><a href="javascript:ovid(0)" id="Exit_system"><i
									class="icon-off"></i>退出</a></li>
						</ul></li>
					<li class="blue" id="adviceLi"><a data-toggle="dropdown"
						id="advice" class="dropdown-toggle" href="#"><i class=""><img
								src="${pageContext.request.contextPath}/statics/images/advice.png"
								height="25px" width="20px"></i><span
							class="badge badge-important">8</span></a>
						<ul
							class="pull-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-close">
							<li class="dropdown-header"><i class="icon-warning-sign"></i>8条通知</li>
							<li><a href="#">
									<div class="clearfix">
										<span class="pull-left"> <i
											class="btn btn-xs no-hover btn-pink icon-comments-alt"></i>
											最新消息
										</span> <span class="pull-right badge badge-info">+12</span>
									</div>
							</a></li>



							<li><a href="#"> <i
									class="btn btn-xs btn-primary icon-user"></i> 切换为编辑登录..
							</a></li>

							<li><a href="#">
									<div class="clearfix">
										<span class="pull-left"> <i
											class="btn btn-xs no-hover btn-success icon-shopping-cart"></i>
											新订单
										</span> <span class="pull-right badge badge-success">+8</span>
									</div>
							</a></li>

							<li><a href="#">
									<div class="clearfix">
										<span class="pull-left"> <i
											class="btn btn-xs no-hover btn-info icon-twitter"></i> 用户消息
										</span> <span class="pull-right badge badge-info">+11</span>
									</div>
							</a></li>

							<li><a href="#"> 查看所有通知 <i class="icon-arrow-right"></i>
							</a></li>
						</ul></li>







					<li class="blue" id="prettyFriendLi"><a data-toggle="dropdown"
						class="dropdown-toggle" href="#" id="prettyFriend"><i class=""><img
								src="${pageContext.request.contextPath}/statics/images/prettyFriend.png"
								height="25px" width="25px"></i></a>
						<ul
							class="pull-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-close">
							<li class="dropdown-header"><i class="icon-warning-sign"></i>当前拥有角色</li>

							<c:forEach var="item" items="${roleList }">
								<li><a href="#">
										<div class="clearfix">
											<span class="pull-left"> <i
												class="btn btn-xs no-hover btn-pink icon-comments-alt"></i>
												${item.roleName}
											</span>
										</div>
								</a></li>
							</c:forEach>

						</ul></li>

				</ul>
				<!-- <div class="right_info">
                 
                   <div class="get_time" ><span id="time" class="time"></span>欢迎光临,管理员</span></div>
					<ul class="nav ace-nav">	
						<li><a href="javascript:ovid(0)" class="change_Password">修改密码</a></li>
                        <li><a href="javascript:ovid(0)" id="Exit_system">退出系统</a></li>
                       
					</ul>
				</div>-->
			</div>
		</div>
	</div>
	<div class="main-container" id="main-container">
		<script type="text/javascript">
			try {
				ace.settings.check('main-container', 'fixed')
			} catch (e) {
			}
		</script>
		<div class="main-container-inner">
			<a class="menu-toggler" id="menu-toggler" href="#"> <span
				class="menu-text"></span>
			</a>
			<div class="sidebar" id="sidebar">
				<script type="text/javascript">
					try {
						ace.settings.check('sidebar', 'fixed')
					} catch (e) {
					}
				</script>
				<div class="sidebar-shortcuts" id="sidebar-shortcuts">
					<div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
						<a class="btn btn-success"> <i class="icon-signal"></i>
						</a> <a class="btn btn-info"> <i class="icon-pencil"></i>
						</a> <a class="btn btn-warning"> <i class="icon-group"></i>
						</a> <a class="btn btn-danger"> <i class="icon-cogs"></i>
						</a>
					</div>

					<div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
						<span class="btn btn-success"></span> <span class="btn btn-info"></span>

						<span class="btn btn-warning"></span> <span class="btn btn-danger"></span>
					</div>
				</div>
				<!-- #sidebar-shortcuts -->
				<div id="menu_style" class="menu_style">
					<ul class="nav nav-list" id="nav_list">
						<li class="home"><a href=""
							name="${pageContext.request.contextPath }/page/home.jsp"
							class="iframeurl" title=""><i class="icon-home"></i><span
								class="menu-text"> 系统首页 </span></a></li>
						<c:forEach var="item" items="${permOne}">
							<ul class="nav nav-list" id="nav_list">
								<li><a href="#" class="dropdown-toggle"> <i
										class="icon-desktop"></i> <span class="menu-text">
											${item.permNameC } </span> <b class="arrow icon-angle-down"></b></a>
									<ul class="submenu">
										<c:forEach var="itemTwo" items="${permTwo }">
											<c:if test="${itemTwo.parentPermId eq item.id}">
												<li class="home"><a href="javascript:void(0)"
													name="${pageContext.request.contextPath }${itemTwo.permURL}"
													title="${itemTwo.permNameC }" class="iframeurl"><i
														class="icon-double-angle-right"></i>${itemTwo.permNameC }</a>
												</li>
											</c:if>
										</c:forEach>
									</ul>
							</ul>
						</c:forEach>
				</div>
				<script type="text/javascript">
					$("#menu_style").niceScroll({
						cursorcolor : "#888888",
						cursoropacitymax : 1,
						touchbehavior : false,
						cursorwidth : "5px",
						cursorborder : "0",
						cursorborderradius : "5px"
					});
				</script>
				<div class="sidebar-collapse" id="sidebar-collapse">
					<i class="icon-double-angle-left"
						data-icon1="icon-double-angle-left"
						data-icon2="icon-double-angle-right"></i>
				</div>
				<script type="text/javascript">
					try {
						ace.settings.check('sidebar', 'collapsed')
					} catch (e) {
					}
				</script>
			</div>

			<div class="main-content">
				<script type="text/javascript">
					try {
						ace.settings.check('breadcrumbs', 'fixed')
					} catch (e) {
					}
				</script>
				<div class="breadcrumbs" id="breadcrumbs" style="padding-top: 10px">
					<ul class="breadcrumb">
						<li><i class="icon-home home-icon"></i> <a href="home.jsp">首页</a>
						</li>
						<li class="active"><span class="Current_page iframeurl"></span></li>
						<li class="active" id="parentIframe"><span
							class="parentIframe iframeurl"></span></li>
						<li class="active" id="parentIfour"><span
							class="parentIfour iframeurl"></span></li>
					</ul>
				</div>

				<iframe id="iframe"
					style="border: 0; width: 100%; background-color: #FFF;"
					name="iframe" frameborder="0"
					src="${pageContext.request.contextPath }/page/home.jsp"> </iframe>


				<!-- /.page-content -->
			</div>
			<!-- /.main-content -->

			<div class="ace-settings-container" id="ace-settings-container">
				<div class="btn btn-app btn-xs btn-warning ace-settings-btn"
					id="ace-settings-btn">
					<i class="icon-cog bigger-150"></i>
				</div>

				<div class="ace-settings-box" id="ace-settings-box">
					<div>
						<div class="pull-left">
							<select id="skin-colorpicker" class="hide">
								<option data-skin="default" value="#438EB9">#438EB9</option>
								<option data-skin="skin-1" value="#222A2D">#222A2D</option>
								<option data-skin="skin-2" value="#C6487E">#C6487E</option>
								<option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>
							</select>
						</div>
						<span>&nbsp; 选择皮肤</span>
					</div>

					<div>
						<input type="checkbox" class="ace ace-checkbox-2"
							id="ace-settings-sidebar" /> <label class="lbl"
							for="ace-settings-sidebar"> 固定滑动条</label>
					</div>

					<div>
						<input type="checkbox" class="ace ace-checkbox-2"
							id="ace-settings-rtl" /> <label class="lbl"
							for="ace-settings-rtl">切换到左边</label>
					</div>

					<div>
						<input type="checkbox" class="ace ace-checkbox-2"
							id="ace-settings-add-container" /> <label class="lbl"
							for="ace-settings-add-container"> 切换窄屏 <b></b>
						</label>
					</div>
				</div>
			</div>
			<!-- /#ace-settings-container -->
		</div>
		<!-- /.main-container-inner -->

	</div>
	<!--底部样式-->

	<div class="footer_style" id="footerstyle">
		<script type="text/javascript">
			try {
				ace.settings.check('footerstyle', 'fixed')
			} catch (e) {
			}
		</script>
		<p class="l_f">版权所有：徐州北大青鸟 苏ICP备11011739号</p>
		<p class="r_f">地址：江苏省徐州市解放南路181号</p>
	</div>
	<!--修改密码样式-->
	<div class="change_Pass_style" id="change_Pass">
		<ul class="xg_style">
			<li><label class="label_name">原&nbsp;&nbsp;密&nbsp;码</label><input
				name="原密码" type="password" class="" id="password"></li>
			<li><label class="label_name">新&nbsp;&nbsp;密&nbsp;码</label><input
				name="新密码" type="password" class="" id="Nes_pas"></li>
			<li><label class="label_name">确认密码</label><input name="再次确认密码"
				type="password" class="" id="c_mew_pas"></li>
		</ul>
	</div>
	<!-- /.main-container -->
	<!-- basic scripts -->

</body>
</html>

